<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap.css">
</head>
<body>
<div id="app">
    <!--self只在自己的身上有作用 some是属于父亲默认点some是触发父亲-->
    <div @click.self="parent">
        父亲
        <div>some</div>
        <!--组织事件传播 修饰符-->
        <div @click.stop="child">
            儿子
        </div>
    </div>
    <a href="http://www.baidu.com" @click.prevent>goBD</a>
</div>
<script src="vue.js"></script>
<script>
    var vm = new Vue({
        el:'#app',
        methods:{
            parent: function () {
                alert('父亲');
            },
            child: function (e) {
                alert('孩子');
            }
        }
    });
</script>
</body>
</html>